<script setup>

</script>

<template>
<h1>EL-走马灯组件</h1>
  <el-carousel style="width: 380px">
    <el-carousel-item><img src="hx.png" style="width: 100%;height: 100%" alt=""></el-carousel-item>
    <el-carousel-item><img src="san.jpg" style="width: 100%;height: 100%" alt=""></el-carousel-item>
    <el-carousel-item><img src="zjr.png" style="width: 100%;height: 100%" alt=""></el-carousel-item>
    <el-carousel-item><img src="hjj.png" style="width: 100%;height: 100%" alt=""></el-carousel-item>
  </el-carousel>

<!--trigger="click"点击对应的指示器，才能切换图片  -->
  <el-carousel style="width: 380px" trigger="click">
    <el-carousel-item><img src="hx.png" style="width: 100%;height: 100%" alt=""></el-carousel-item>
    <el-carousel-item><img src="san.jpg" style="width: 100%;height: 100%" alt=""></el-carousel-item>
    <el-carousel-item><img src="zjr.png" style="width: 100%;height: 100%" alt=""></el-carousel-item>
    <el-carousel-item><img src="hjj.png" style="width: 100%;height: 100%" alt=""></el-carousel-item>
  </el-carousel>

<!--  type="card" 切换轮播图为卡片的形式-->
  <el-carousel style="width: 900px" type="card">
    <el-carousel-item><img src="hx.png" style="width: 100%;height: 100%" alt=""></el-carousel-item>
    <el-carousel-item><img src="san.jpg" style="width: 100%;height: 100%" alt=""></el-carousel-item>
    <el-carousel-item><img src="zjr.png" style="width: 100%;height: 100%" alt=""></el-carousel-item>
    <el-carousel-item><img src="hjj.png" style="width: 100%;height: 100%" alt=""></el-carousel-item>
  </el-carousel>
</template>

<style scoped>

</style>